<!DOCTYPE html>
<!-- saved from url=(0057)file:///Users/qingyun/Desktop/qingyun/play/book/book.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<title>Kindle书单</title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		a{
			text-decoration:none;
			color: #fff;
		}
		#header{
			width: 100%;
			background: url(images/header.jpg)center 0px repeat-x;
   			background-size: cover;
   			text-align: center;
   		}
   		#header-logo{
   			width: 100%;
   		} 
   		#header-logo h1{
   			height: 100px;
   			width: 250px;
   			margin:  0 auto;
   			line-height: 100px;
   		}
   		#nav{
   			width: 100%;
   			height: 56px;
   			background: rgba(74,74,74,0.9);
   		}
   		#nav ul{
   			list-style: none;
   			height: 56px;
   			width: 1140px;
   			margin: 0 auto;
   		}
   		#nav ul li:hover{
   			background-color: rgba(0,0,0,0.5);
   		}
   		.nav-li{
   			width: 80px;
   			height: 56px;
   			line-height: 56px;
   			float: left;
   		}

   		#nav #nav-li{
   			float: right;
   			height: 56px;
   			font-size: 0;
   		}
   		#nav-li span{
   			display: inline-block;
   			width: 56px;
   			height: 56px;
   			vertical-align:middle;
   			background: url(images/nav.png) no-repeat;
   			background-position: center;
   		}
   		#nav-li div{
   			display: none;
   			height: 56px;
   			width: 150px;
   			vertical-align:middle;
   			line-height: 66px;
   		}
   		#nav #nav-li:hover #nav-li div{
   			display: inline-block;
   		}
	</style>
</head>
<body>
	<div id="header">
		<div id="header-logo">
			<h1>
<<<<<<< HEAD
				<img src="Kindle书单_files/psd.png">
=======
				<img src="./Kindle书单_files/psd.png">
>>>>>>> 09be696c17b15d8a1ed0a02cebb7e21224449928
			</h1>
		</div>
		<div id="nav">
			<ul>
				<li id="" class="nav-li">
					<a href="file:///Users/qingyun/Desktop/qingyun/play/book/book.html">小说文学</a>
				</li>
				<li id="" class="nav-li">
					<a href="file:///Users/qingyun/Desktop/qingyun/play/book/book.html">历史传记</a>
				</li>
				<li id="" class="nav-li">
					<a href="file:///Users/qingyun/Desktop/qingyun/play/book/book.html">人文社科</a>
				</li>
				<li id="" class="nav-li">
					<a href="file:///Users/qingyun/Desktop/qingyun/play/book/book.html">励志成功</a>
				</li>
				<li id="" class="nav-li">
					<a href="file:///Users/qingyun/Desktop/qingyun/play/book/book.html">经济管理</a>
				</li>
				<li id="" class="nav-li">
					<a href="file:///Users/qingyun/Desktop/qingyun/play/book/book.html">学习教育</a>
				</li>
				<li id="" class="nav-li">
					<a href="file:///Users/qingyun/Desktop/qingyun/play/book/book.html">生活时尚</a>
				</li>
				<li id="" class="nav-li">
					<a href="file:///Users/qingyun/Desktop/qingyun/play/book/book.html">英文原版</a>
				</li>
				<li id="nav-li">
					<span></span>
					<div id="nav-input">
						<input type="" name="">
					</div>
				</li>
			</ul>
		</div>
	</div>

</body></html>